<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>新PMS项目</title>
	<script type="text/javascript" src="bootstrap/jquery.js"></script>
	<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="bootstrap/bootstrap.min.css" />
	<style type="text/css">
		body{
			background-image:url("bootstrap/backgroundimg.png");
			font-family:"微软雅黑";
		}
		.div1{
			margin-left:20px;
			width:500px;
			height:auto;
		}
		.tr1{
			background-color:grey;
			color:white;
		}
		td{
			padding-left:30px;
			font-size:18px;
		}
		a{
			color:white;
		}
		.btn-group{
			margin-bottom:10px;
		}
	</style>
</head>
<body>
	<div class="div1">
		
			<div class="btn-group">
			  <button class="btn btn-info"><i class="icon-cog"></i>操作</button>
			  <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
			  <ul class="dropdown-menu">
				<li><a href="new_goal.html"><i class="icon-plus"></i>添加新目标</a></li>
            	<li><a href="task.html"><i class="icon-zoom-in"></i>浏览所有任务</a></li><!--显示所有任务的页面，名字需要定--->
			  </ul>
			</div>
			<div class="div3">
				<!--需要循环输出目标名和目标描述-->
				<table border="1" width="500">
					<tr height="40" class="tr1">
						<td width="300"><i class="icon-th icon-white"></i><a href="">${}</a></td><!--目标名称,并且点击此名称可以进入目标显示页-->
						<td><i class=" icon-pencil icon-white"></i><a href="">编辑</a></td><!--点击此编辑可以进入编辑目标页,需要命名编辑页的名称-->
					</tr>
					<tr>
						<td colspan="2">
							${}<!--输出目标描述-->
							<!--进度条还没设置-->
						</td>
					</tr>
				</table>
		</div>
	</div>
</body>
</html>